<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-type" content="text/html" charset="utf-8">
		<link />
		<script src="js/react.js"></script>
		<script src="js/react-dom.js"></script>
		<script src="js/browser.min.js"></script>
	</head>
	<body>
		<div id="example"></div>
		<script type="text/babel">
			/*ReactDOM.render(
				<h1>Hello ,world!</h1>,
				document.getElementById("example")
			);*/
			/*ReactDOM.render(
				<div>
				<h1>{1+1}</h1>
				<h2>欢迎学习 React</h2>
				<p data-myattribute = "somevalue">这是一个很不错的 JavaScript 库!</p>
				</div>
				,
				document.getElementById('example')
			);*/
			/*var myStyle = {
				fontSize: 18,
				color: '#FF0000'
			};
			{/!*注释*!/}
			ReactDOM.render(
				<h1 style = {myStyle}>菜鸟教程</h1>,
				document.getElementById('example')
			);*/

			/*var arr=[
					<h1 style={{color:'red'}}>阿斯顿</h1>,
					<div style={{color:"green"}}>弹弓第三个</div>
			];*/
			ReactDOM.render(
				<div>
					<h1 style={{color:'red'}}>阿斯顿</h1>
					<div style={{color:"green"}}>弹弓第三个</div>
				</div>,
				document.getElementById("example")
			);

			/*var myDivElement = <div className="foo" htmlFor="name">测试<p style={{color:'red'}}>内容</p></div>;
			ReactDOM.render(myDivElement, document.getElementById('example'));*/

			/*var HelloMessage = React.createClass({
				render: function() {
					return <h1>Hello World！{this.props.name}</h1>;
				}
			});

			ReactDOM.render(
				<HelloMessage name="Runoob"/>,
				document.getElementById('example')
			);*/
		</script>
	</body>
</html>